<!DOCTYPE HTML>
<html>
	<head>
		<title>order</title>
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>

		<script src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
		<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="js/megamenu.js"></script>
		<script>
			$(document).ready(function() {
				$(".megamenu").megamenu();
			});
		</script>
		<script src="js/menu_jquery.js"></script>
		<link rel="stylesheet" href="css/etalage.css">
		<script src="js/jquery.easydropdown.js"></script>
		<script src="js/jquery.etalage.min.js"></script>
		<script>
			jQuery(document).ready(function($) {

				$('#etalage').etalage({
					thumb_image_width: 300,
					thumb_image_height: 400,
					source_image_width: 900,
					source_image_height: 1200,
					show_hint: true,
					click_callback: function(image_anchor, instance_id) {
						alert('Callback example:\nYou clicked on an image with the anchor: "' + image_anchor +
							'"\n(in Etalage instance: "' + instance_id + '")');
					}
				});

			});
		</script>

		<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
		<script type="text/javascript" id="sourcecode">
			$(function() {
				$('.scroll-pane').jScrollPane();
			});
		</script>
		<script type="text/javascript">
			$(function(){
				getUser();
			});
			function getUser() {
				$.ajax({
					url:"user/getUser",
					type:"get",
					success:function(data){
						if(data!=""){
							$("#userLogin").css("display","none");
							$("#userMessage").css("display","block");
							var content = '<a href="info.html">'
								+'<img alt="" src="'+data.uimg+'" height="40px" style="border-radius: 50%;">&nbsp'
								+'<span style="color:black;" id="uname">'+data.uname+'</span>&nbsp&nbsp'
								+'</a>'
								+'<button type="button" class="btn btn-info" onclick="logout()" style="">注销</button>';
							$("#userMessage").html(content);
						}else{
							$("#userLogin").css("display","block");
							$("#userMessage").css("display","none");
						}
					}
				});
			}
			function logout(){
				$.ajax({
					url:"user/logout",
					type:"get",
					success:function(data){
						getUser();
					}
				});
			}
		</script>

	</head>
	<body>
		<!-- header -->
		<div style="height: 100px;">
		<div style="position: fixed;width: 100%;z-index: 999;">
		<div class="header">
			<div class="top_bg" style="background-color: white;">
				<div class="container">
					<div class="header_top">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="" />蜗牛影院</a>
						</div>
						<div class="top_right" style="margin-top: 0">
							<div id="userMessage" style="line-height: 45px;display: none;">
								<!-- <a href="info.html"><img alt="" src="images/aimg.jpg" height="40px" style="border-radius: 50%;" id="uimg">&nbsp<span style="color:black;" id="uname">1823342352323</span></a> -->
							</div>
							<ul id="userLogin" style="line-height: 45px;display: none;">
								<li><a href="registration.html"><button type="button" class="btn btn-info">注册</button></a></li>|
								<li class="login">
									<div id="loginContainer"><a href="#" id="loginButton"><button type="button" class="btn btn-info">登陆</button></a>
										<div id="loginBox">
											<form id="loginForm">
												<fieldset id="body">
													<fieldset>
														<label for="email">账号</label>
														<input type="text" name="email" id="email">
													</fieldset>
													<fieldset>
														<label for="password">密码</label>
														<input type="password" name="password" id="password">
													</fieldset>
													<input type="submit" id="login" value="登陆">
													<label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住我</i></label>
												</fieldset>
												<span><a href="#">密码忘记了?</a></span>
											</form>
										</div>
									</div>
								</li>
							</ul>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
		<div class="head-bann">
			<div class="container">
				<div class="head-nav">
					<span class="menu"> </span>
					<ul class="megamenu skyblue">
						<li><a class="color1" href="index.html">首页</a></li>
						<li class="grid"><a class="color2" href="movies.html">影片</a></li>
						<li><a class="color4" href="cinema.html?mid=1">影院</a></li>
						<li><a class="color5" href="comment.html">评论</a></li>
						<div class="clearfix"> </div>
					</ul>
				</div>
			</div>
		</div>
		</div>
		</div>
		<!-- script-for-nav -->
		<script>
			$("span.menu").click(function() {
				$(".head-nav ul").slideToggle(300, function() {
					// Animation complete.
				});
			});
		</script>
		<!-- script-for-nav -->

		<div class="banner1">
			<div class="container">
			</div>
		</div>
		<!-- header -->
		<div class="container">
			<div class="main">
				<div class="shoping_bag">
					<h4><img src="images/small.jpg">my shopping shoe / <span> 11 item</span></h4>
					<ul class="s_art">
						<li><img src="images/art1.png"></li>
						<li><span> 11 item</span></li>
					</ul>
					<div class="clearfix"></div>
				</div>
				<div class="shoping_bag1">
					<div class="shoping_left">
						<div class="shoping1_of_1">
							<img src="images/7.jpg" class="img-responsive" alt="" />
						</div>
						<div class="shoping1_of_2">
							<h4><a href="#">men runnig shoe</a> </h4>
							<span>size <b>xl</b>&nbsp;&nbsp; qty <b>1</b> | code :1175</span>
							<ul class="s_icons">
								<li><a href="#"><img src="images/s_icon1.png" alt=""></a></li>
								<li><a href="#"><img src="images/s_icon2.png" alt=""></a></li>
								<li><a href="#"><img src="images/s_icon3.png" alt=""></a></li>
							</ul>
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="shoping_right">
						<p>35% off &nbsp;<span> Rs. 1,899</span></p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="shoping_bag1">
					<div class="shoping_left">
						<h2><a href="#"><img src="images/gift.jpg">gift wrap </a> <span> for rs. 25</span></h2>
					</div>
					<div class="shoping_right">
						<p>sub total &nbsp;<span> Rs. 1,899</span></p>
						<p>vat collected &nbsp;<span> Rs. 91</span></p>
						<p>delivery &nbsp;<a href="#">free</a>&nbsp;<span> Rs. 0</span></p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="shoping_bag1">
					<div class="shoping_left">
						<h2><a href="#"><img src="images/login.jpg">login </a> <span> to apply coupons</span></h2>
					</div>
					<div class="shoping_right">
						<p>coupon discount &nbsp;<span class="color"> Rs. 0</span></p>
					</div>
					<div class="clearfix"></div>
				</div>
				<div class="shoping_bag2">
					<div class="shoping_left">
						<a class="btn1" href="details.html">place order</a>
					</div>
					<div class="shoping_right">
						<p class="tot">total &nbsp;<span class="color"> Rs. 2,109</span></p>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="container">
				<p>Copyright &copy; 2015.Company name All rights reserved.</p>
			</div>
		</div>
		<!-- footer -->

	</body>
</html>
